<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>

<script setup>
import { createApp } from 'vue'
import { useTheme } from "@/hooks/useTheme"

const app = createApp({
    components: {},
    setup () {
        // 配置主题色
        const { initTheme } = useTheme()
        initTheme()
    }
})
app.mount('#app')
</script>


<style lang='less' scoped>
.app-enter-active {
    animation: move 0.66s;
}
.app-leave-active {
    animation: move 0.66s reverse;
}

@keyframes move {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
</style>
